diff options
| author | Adam Soltys <[email protected]> | 2023-10-08 00:17:32 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-10-08 00:17:32 -0700 |
| commit | 0212fe0032eb0c5d6bfb74ebaab42543b73d6d6b (patch) | |
| tree | 56bffdb4556c10bde68d5aed3bea389197e9965c /src/routes/(app)/[username]/payments | |
| parent | 222bbc9080fbb15861cc5c0802449fcf06a53532 (diff) | |
| download | coinos-ui-0212fe0032eb0c5d6bfb74ebaab42543b73d6d6b.tar.gz coinos-ui-0212fe0032eb0c5d6bfb74ebaab42543b73d6d6b.zip | |
payments fixes
Diffstat (limited to 'src/routes/(app)/[username]/payments')
| -rw-r--r-- | src/routes/(app)/[username]/payments/[...page]/+page.server.js | 4 | ||||
| -rw-r--r-- | src/routes/(app)/[username]/payments/[...page]/+page.svelte | 14 |
2 files changed, 11 insertions, 7 deletions
diff --git a/src/routes/(app)/[username]/payments/[...page]/+page.server.js b/src/routes/(app)/[username]/payments/[...page]/+page.server.js index cb94d71d..a3b0ad6f 100644 --- a/src/routes/(app)/[username]/payments/[...page]/+page.server.js +++ b/src/routes/(app)/[username]/payments/[...page]/+page.server.js @@ -2,7 +2,9 @@ import { get, auth } from '$lib/utils'; let limit = 25; -export async function load({ cookies, params, request }) { +export async function load({ cookies, depends, params, request }) { + depends('app:payments'); + let parts = params.page.split('/'); let start, end, page; diff --git a/src/routes/(app)/[username]/payments/[...page]/+page.svelte b/src/routes/(app)/[username]/payments/[...page]/+page.svelte index 69f51f37..2ea225ad 100644 --- a/src/routes/(app)/[username]/payments/[...page]/+page.svelte +++ b/src/routes/(app)/[username]/payments/[...page]/+page.svelte @@ -2,7 +2,7 @@ import { Avatar, Icon } from '$comp'; import { onMount } from 'svelte'; import { format } from 'date-fns'; - import { newPayment, payments } from '$lib/store'; + import { newPayment } from '$lib/store'; import { t } from '$lib/translations'; import { get, f, s, sat, sats, types } from '$lib/utils'; import { page } from '$app/stores'; @@ -11,7 +11,7 @@ export let data; - let { start, end, user, rates } = data; + let { start, end, user, rates, payments } = data; let change = ({ target: { value } }) => goto(value); let link = (p) => { @@ -34,7 +34,7 @@ let p, totals, pages = []; - $: data && ({ page: p, pages, start, end, totals, payments: $payments } = data); + $: data && ({ page: p, pages, start, end, totals, payments } = data); $: $page && ($newPayment = false); $: $newPayment && invalidate(`/users/${user.username}`); @@ -136,7 +136,7 @@ </div> <div class="text-base"> - {#each $payments as p} + {#each payments as p} <a href={`/payment/${p.id}`}> <div class="grid grid-cols-3 border-b h-24 hover:bg-gray-100 px-4"> <div class="whitespace-nowrap my-auto"> @@ -216,7 +216,7 @@ </div> <div class="grid grid-cols-3 w-full text-center"> - <span class="text-lg text-secondary">{$t('payments.total')}</span> + <span class="text-lg text-secondary">{$t('payments.total')}</span> <span class="text-lg text-secondary">{$t('payments.presentValue')}</span> <span class="text-lg text-secondary">{$t('payments.gainLoss')}</span> @@ -226,7 +226,9 @@ {@const gain = (pv * 100) / total - 100} <span class="text-lg"><b>{f(total, c)}</b></span> <span class="text-lg"><b>{f(pv, c)}</b></span> - <span class="text-lg" class:text-red-800={gain < 0}><b>{Math.abs(gain).toFixed(2)}%</b></span> + <span class="text-lg" class:text-red-800={gain < 0} + ><b>{Math.abs(gain).toFixed(2)}%</b></span + > {/each} </div> |